<template>
	<view class="aboutUp">
		<custom-navi :show-home="false">关于我们</custom-navi>
		<view class="about">
			<view class="about-edition">
				<view class="icon">
					<image src="/static/myicon/fcf.png" mode=""></image>
				</view>
				<view class="num">
					当前版本号1.1.0
				</view>
			</view>
			<view class="about-list" v-for="(item,index) in aboutList" :key='index' @tap="aboutBtn(index)">
				<view class="title">{{item.title}}</view>
				<view class="icon"><image src="/static/ic/rightHui.png" mode=""></image></view>
			</view>
			
			
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				aboutList:[
					{title:'更新版本',url:''},
					{title:'评价鼓励',url:''}
				]
			}
		},
		onLoad() {
			
		},
		methods:{
			aboutBtn(index){
				let _this=this
				if(index=='0'){
					uni.showLoading({
					    title: '检查当前版本中'
					});
					setTimeout(function () {
					    uni.hideLoading();
						_this.$utils.common.toast.fail("当前已为最新版本");
						
					}, 1000);
				}else{
					this.$utils.common.toast.fail("此功能暂未开放");
				}
			}
			
		}
	}
</script>

<style lang="scss" scoped>
	.aboutUp{
		background-color: rgba(247, 247, 247, 1);
		height: 100vh;
	}
	.about{
		// padding: 46rpx;
		
		&-list{
			padding: 30rpx 32rpx;
			display: flex;
			align-items: center;
			background-color: rgba(255, 255, 255, 1);
			border-bottom: 2rpx solid rgba(230, 230, 230, 1);
			.title{
				font-size:28rpx;
				font-family:PingFang SC;
				font-weight:bold;
				color:rgba(80,80,80,1);
				opacity:1;
			}
			.icon{
				width:30rpx;
				height:30rpx;
				margin-left: auto;
				image{
					width: 100%;
					height: 100%;
				}
			}
		}
		&-list:ast-child{
			border-bottom: none;
		}
		&-edition{
			text-align: center;
			margin-top: 130rpx;
			
			.icon{
				width:200rpx;
				height:200rpx;
				background:rgba(242,242,242,1);
				opacity:1;
				border-radius:20px;
				overflow: hidden;
				margin: 0 auto;
				image{
					width: 100%;
					height: 100%;
				}
			}
			.num{
				margin-top: 20rpx;
				font-size:34rpx;
				font-family:PingFang SC;
				font-weight:500;
				color:rgba(43,43,43,1);
				opacity:1;
				margin-bottom: 74rpx;
			}
		}
		
		
	}
</style>
